<template>
  <div>
    {{money}}
    <div>
      <!--
        1.给按钮绑定点击事件
        2.修改 money++
      -->
      <!--
        语法：v-on:事件名="少量代码"
        v-on:事件名="事件处理函数"
        v-on:事件名="事件处理函数(参数)"
        简写@事件名="事件处理函数"
      -->
    <button @click = 'money++'>+1</button>
    <button @click="addCMoney">+10</button>
    <button @click="addCMoney(20)">+20</button>
    <button @click="addCMoney(15)">+15</button>
  </div>
  </div>
</template>

<script>
export default {
 
  data() {
    return {
      money:200
    };
  },


  methods: {
    addMoney(){
      if(this.money >= 200) return
      this.money += 10
    },
    addCMoney(num){
      this.money += num
    }
  },
};
</script>

<style>

</style>